<template>
  <!-- 搜索 -->
  <view class="page">
    <view class="headPart flex align-center justify-between">
      <view class="searchPart bg-white flex align-center">
        <image
          src="https://app-cangshu.oss-rg-china-mainland.aliyuncs.com/asssets/merchant/searchIcon.png"
          class="searchIcon"
          mode="scaleToFill"
        />
        <input
          type="text"
          class="searchInput h-full"
          placeholder="请搜索商品名称"
          @confirm="searchSubmitEvent"
          confirm-type="search"
          v-model="keyword"
          name="search"
          placeholder-class="placeholder"
        />
      </view>
    </view>
    <view class="carousel mx24">
      <carousel :swiperList="dataConfig.swiperConfig.list"></carousel>
    </view>
  </view>
</template>

<script>
import carousel from "./carousel.vue";
export default {
  name: "homeComb",
  components: {
    carousel,
  },
  props: {
    //是否开始滚动
    isScrolled: {
      type: Boolean,
      default: false,
    },
    //页面设置信息
    dataConfig: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      bgShow: false, // 是否把底色弄成白色
    };
  },
  watch: {},
  computed: {
    maskBgStyle() {},
  },
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.headPart {
  width: 100% !important;
  padding: 100rpx 24rpx 34rpx 24rpx;
  // position: fixed;
  // top: 0;
  // left: 0;
  // z-index: 9999;
}
.mx24 {
  margin: 0rpx 24rpx;
}
.searchPart {
  border-radius: 40rpx;
  padding: 0rpx 32rpx;
  width: 376rpx;
  height: 78rpx;
  .searchIcon {
    width: 36rpx;
    height: 39rpx;
  }
  .searchInput {
    margin-left: 10rpx;
  }
}
</style>
